#page-structure-header {	
	margin-bottom: 10px;
}

#page-structure-header .navbar-text {
	font-size: 18pt;
	margin-top: 0px;
}

#page-structure-content {	
	background-color: #F9F9F9;
	color: #454545;
	border: 1px solid #D4D4D4;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#undo-redo {
	margin-top: -3px;
	margin-right: 5px;
}

#save {
	
}

#page-structure {
	padding-left: 0px;
	padding-right: 25px;
}

#page-structure ol {
	padding: 5px;
	padding-left: 25px;
	margin-left: 0px;
	background-color: #ffffff; /* Container colour */
}

#page-structure li {
	list-style-type: none;
	font-weight: normal;
	clear: right;
	border: 1px dashed #999999;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	margin-bottom: 10px;
	/* Padding to enable rounded corners */
	padding-top: 2px;
	padding-bottom: 2px;
}

/* padding fix for page title, collapse-button, and hanldes */
#page-structure li div {
	padding: 5px;
	height: 21px;
}

#page-structure .branch > div {
	margin-top: -2px;
	height: 22px;
}

#page-structure .branch > div > .handle {
	margin-top: -5px;
	height: 22px;
}

#page-structure .handle {
	padding: 5px;
	height: 25px;
	margin-top: -7px;
	margin-left: -5px;
}

#page-structure .collapse-button {
	padding: 5px;
	height: 25px;
	margin-top: -5px;
	margin-left: -5px;
}

/* Tree stuff */
#page-structure .collapse-button {
	font-weight: bold;
	font-size: 12pt;
	margin-right: 5px;
	color: #454545;
	cursor: pointer;
}

#page-structure .branch {
	border: 1px solid #D4D4D4;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}

#page-structure .branch > div {
	background: #F9F9F9;
	border-bottom: 1px solid #D4D4D4;
}

#page-structure .leaf {
	background-color: #F9F9F9;
}

#page-structure .root {
	font-weight: bold;
	background: #eeeeee;
	margin-bottom: 7px;
	border: 1px solid #D4D4D4;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}

/* Drag drop action */
#page-structure .handle {
	float: left;
	width: 20px;
	display: block;
	background-color: #bbbbbb;
	margin-right: 10px;
	cursor: move;
}

#page-structure .placeholder {
	border: 1px dashed #3f3f3f;
	background-color: #A3FFA9;
}

#page-structure .invalid-drop {
	background-color: #FFA3A3;
}

/* Different background colours for different types of items */
#page-structure .progress-check {
	background: #ff5db1;
}

#page-structure .exercise {
	background: #49c0f0;
}

#page-structure .diagnosis {
	background: #a9db80;
}

.page-trash {
	margin-right: 10px;
	cursor: pointer;
}